<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>todo</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <link rel="stylesheet" type="text/css" href="./lib/css/bootstrap/3.3.7/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="./lib/css/common/1.0.0/common.css">
  <link rel="stylesheet" href="/lib/fonts/iconfont.css">
</head>

<body>
  <div id="app">
    <transition :name="Animate">
      <router-view class="child-view"></router-view>
    </transition>
    <router-view name="footer"></router-view>
  </div>
  <script src="dist/build.js"></script>
  <script type="text/javascript">
    (function (win, doc) {
      if (!win.addEventListener) return;
      var html = document.documentElement;

      function setFont() {
        var cliWidth = html.clientWidth;
        html.style.fontSize = 20 * (cliWidth / 750) + 'px';
      }
      win.addEventListener('resize', setFont, false);
      doc.addEventListener('DOMContentLoaded', setFont, false);
    })(window, document);
  </script>
</body>

</html>